<script setup lang="ts">
import { Card } from 'ant-design-vue';
import { useRouter } from 'vue-router';

const router = useRouter();

interface quickNavItem {
  title: string;
  url: string;
}
interface Props {
  items: quickNavItem[];
}

defineOptions({
  name: 'WorkbenchQuickNav',
});

withDefaults(defineProps<Props>(), {
  items: () => [],
});

const routerPush = (url: string) => {
  router.push(url);
};
</script>

<template>
  <div class="mt-5 grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4">
    <template v-for="item in items" :key="item.title">
      <Card :title="item.title" class="w-full"> </Card>
    </template>
  </div>
</template>
